/**
 * 添加拦截器:
 *   拦截 request 请求
 *   拦截 uploadFile 文件上传
 *
 * TODO:
 *   1. 非 http 开头需拼接地址
 *   2. 请求超时
 *   3. 添加小程序端请求头标识
 *   4. 添加 token 请求头标识
 */

import { useUserStore } from "@/stores";

const baseURL = "http://campusvoting.znjz.online:8008";

// 添加拦截器
const httpInterceptor = {
  // 拦截前触发
  invoke(options: UniApp.RequestOptions) {
    // 1. 非 http 开头需拼接地址
    if (!options.url.startsWith("http")) {
      options.url = baseURL + options.url;
    }
    // 2. 请求超时, 默认 60s
    options.timeout = 10000;
    // 3. 添加小程序端请求头标识
    options.header = {
      ...options.header,
      "source-client": "miniapp",
    };
    // 4. 添加 token 请求头标识
    const userStore = useUserStore();
    const token = userStore.token;
    const username = userStore.username;
    if (token) {
      options.header.token = token;
      options.header.username = username;
    }
  },
};
uni.addInterceptor("request", httpInterceptor);
uni.addInterceptor("uploadFile", httpInterceptor);

/**
 * 请求函数
 * @param  UniApp.RequestOptions
 * @returns Promise
 *  1. 返回 Promise 对象
 *  2. 获取数据成功
 *    2.1 提取核心数据 res.data
 *    2.2 添加类型，支持泛型
 *  3. 获取数据失败
 *    3.1 401错误  -> 清理用户信息，跳转到登录页
 *    3.2 其他错误 -> 根据后端错误信息轻提示
 *    3.3 网络错误 -> 提示用户换网络
 */
type Data<T> = {
  code: string;
  message: string;
  data: T;
  requestId: number;
  success: boolean;
};
// 2.2 添加类型，支持泛型
export const http = <T>(options: UniApp.RequestOptions) => {
  // 1. 返回 Promise 对象
  return new Promise<Data<T>>((resolve, reject) => {
    uni.request({
      ...options,
      // 响应成功
      success(res) {
        // 状态码 2xx， axios 就是这样设计的
        if (res.statusCode >= 200 && res.statusCode < 300) {
          // 2.1 提取核心数据 res.data
          if ((res.data as Data<T>).code === "200") {
            resolve(res.data as Data<T>);
          } else if (
            (res.data as Data<T>).code === "-1" &&
            (res.data as Data<T>).message === "Token is invalid"
          ) {
            const userStore = useUserStore();
            userStore.clearUserInfo();
            uni.showToast({
              icon: "none",
              title: "token失效，请重新登录",
              duration: 1000,
            });
            setTimeout(() => {
              uni.navigateTo({ url: "/pages/login/login" });
            }, 1000);
            reject(res);
          } else {
            uni.showToast({
              icon: "none",
              title: (res.data as Data<T>).message || "请求错误",
              duration: 1000,
            });
            reject(res);
          }
        } else if (res.statusCode === 401) {
          // 401错误  -> 清理用户信息，跳转到登录页
          const userStore = useUserStore();
          userStore.clearUserInfo();
          uni.navigateTo({ url: "/pages/login/login" });
          reject(res);
        } else {
          // 其他错误 -> 根据后端错误信息轻提示
          uni.showToast({
            icon: "none",
            title: (res.data as Data<T>).message || "请求错误",
          });
          reject(res);
        }
      },
      // 响应失败
      fail(err) {
        uni.showToast({
          icon: "none",
          title: "网络错误，换个网络试试",
        });
        reject(err);
      },
    });
  });
};

// 上传文件
export const uploadFile = <T>(options: UniApp.UploadFileOption) => {
  return new Promise<Data<T>>((resolve, reject) => {
    uni.uploadFile({
      ...options,
      success(res) {
        if (res.statusCode >= 200 && res.statusCode < 300) {
          try {
            const data =
              typeof res.data === "string" ? JSON.parse(res.data) : res.data;
            if ((data as Data<T>).code === "200") {
              resolve(data as Data<T>);
            } else {
              uni.showToast({
                icon: "none",
                title: (data as Data<T>).message || "请求错误",
              });
              reject(res);
            }
          } catch (error) {
            uni.showToast({
              icon: "none",
              title: "数据解析错误",
            });
            reject(res);
          }
        } else if (res.statusCode === 401) {
          // 处理401状态码的情况
        }
      },
      fail(err) {
        reject(err);
      },
    });
  });
};
